body{
	text-align:center; background:#024d68;}
.contenedor{
	width:900px;
	height:auto;
	margin:0 auto;
	background:#FFF;
	border:#e3e3e3 2px solid;}
#clearing{
	clear:both}
.head{
	width:900px;
	height:126px;
	float:left;
	background:url(../images/encabezado.png);}
.menubar{
	width:900px;
	background:url(../images/menubg.png);
	height:19px;
	float:left;
	margin-bottom:30px;}
	.menucont{
		width:800px;
		margin-left:50px;
		height:15px;
		margin-top:2px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#FFF;
		}
	.menucont a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
		margin-right:15px;}
		.menucont a:hover{
			color:#d0ffd1;}
.bg{
	width:900px;
	height:80px;
	margin-top:60px;
	background:url(../images/pie.png);
	float:left;}



/*---*/

.col1{
	width:470px;
	height:auto;
	float:right;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:30PX;}
.col2{
	width:375px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:30PX;	}
	
/*-----*/


.btn{
	width:470px;
	height:51px;
	float:left;
	margin-bottom:25px;}
	.btn :hover{
		margin-right:5px;}

/*-----*/

.cont1{
	width:850px;
	height:auto;
	float:left;
	margin:25px;}

.cont2{
	width:850px;
	height:auto;
	background:url(../images/contmed.png);
	float:left;}
	.conTop{
		width:850px;
		height:144px;
		background:url(../images/contop.png);
		float:left;}
        .conTop1{
		width:850px;
		height:144px;
		background:url(../images/contop.png);
		float:left;}
	.contBot{
		float:left;
		width:850px;
		height:63px;
		background:url(../images/contbot.png);}
		
	.conTopTitulo{
		width:750px;
		height:85px;
		float:left;
		margin-left:25px;
		margin-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666  ;
		font-weight:bold;
		text-align:left;}
		.conTopTituloIE img{
			float:left;}
		.conTopTituloIN img{
			float:left;}
		.conTopTituloPAG img{
			float:left;}
			
		.conTopTitulo2{
			width:auto;
			height:auto;
			float:left;
			margin-top:30px;}
			
			
	.conTopTituloIE{
		width:750px;
		height:85px;
		float:left;
		margin-left:25px; 
		background:url(../images/ingresoegresoBG.png);
		margin-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666  ;
		font-weight:bold;
		text-align:left;}
	.conTopTituloIN{
		width:750px;
		height:85px;
		float:left;
		margin-left:25px; 
		background:url(../images/institucionalBG.png);
		margin-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666  ;
		font-weight:bold;
		text-align:left;}	
	.conTopTituloPAG{
		width:750px;
		height:85px;
		float:left;
		margin-left:25px; 
		background: url(../images/pagoseleBG.png);
		margin-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666  ;
		font-weight:bold;
		text-align:left;}	
		
		
		
		
		
		
		
		
		
		
		
.col1A{
	width:264px;
	height:auto;
	float:left;
	margin-left:18px;}
.col2A{
	width:264px;
	height:auto;
	float:left;
	margin-left:10px;}
	.pagingreTit{
		width:264px;
		height:12px;
		background:url(../images/barra.png);
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		margin-bottom:5px;}
	.pagingreBtn{
		width:55px;
		height:29px;
		background:url(../images/-.png);
		background-repeat:no-repeat;
		float:left;
		padding:4px 2px 0px 4px;
		text-align:left;
		margin-left:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px; text-decoration:none;
		color:#000;}
		.pagingreBtn:hover{
			text-decoration:underline;}
			
/*----*/

.pagInstcont{
	width:800px;
	height:auto;
	float:left;
	margin-left:25px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;}
	.pagInstTitulo1{
		width:800px;
		float:left;
		height:auto;
		text-align:left;
		font-size:12px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom:3px;}
        .pagInstTitulo3{
		width:800px;
		float:left;
		height:auto;
                padding-left:10px;
                padding-right:15px;
		text-align:left;
		font-size:12px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom:3px;}
	.pagInstDirec{
		width:200px;
		height:70px;
		float:left;
	  margin-top:15px;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		color:#000;
		margin-right:30px;
		border-bottom:#ccc 1px dashed;}
	.pagInstTitulo2{
		width:800px;
		height:auto;
                padding-left:10px;
		float:left;
		background:#669999;
		font-size:18px;
		color:#FFF;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom:25px;}
.btnInsCont{
	width:500px;
	height:40px;
	float:left;
	margin-top:20px;}
.btnIns1{
	width:86px;
	height:37px;
	background:url(../images/bot-autorid-inactiv.png);
	float:left; margin-right:10px;
	}
	.btnIns1:hover{
		background:url(../images/bot-autor.png);}
.btnIns2{
	width:86px;
	height:37px;
	background: url(../images/bot-mis-inactv.png);
	float:left;margin-right:10px;
	}
	.btnIns2:hover{
		background: url(../images/bot-mision.png);}
.btnIns3{
	width:86px;
	height:37px;
	background: url(../images/bot-historia.png);
	float:left;margin-right:10px;
	}
	.btnIns3:hover{
		background: url(../images/bot-historia-activ.png);}
.btnIns4{
	width:86px;
	height:37px;
	background: url(../images/bot-legislaci.png);
	float:left;margin-right:10px;
	}
	.btnIns4:hover{
		background: url(../images/bot-legislacion.png);}		
/*-----------*/


.btnpagos{
	width:101px;
	height:43px;
	float:left;
	margin:20px;}
.pagPagosCont{
	width:300px;
	height:200px;
	float:left;
	margin-top:20px;
	margin-left:280px;}
	
.btnPago1{
	width:86px;
	height:37px;
	background:	url(../images/bot-transaccion-inactivo.png);
	float:left; margin-right:30px;
	}
	.btnPago1:hover{
		background: url(../images/bot-transaccion.png);}
.btnPago2{
	width:86px;
	height:37px;
	background: url(../images/bot-movimiento.png);
	float:left; margin-right:10px;
	}
	.btnPago2:hover{
		background: url(../images/bot-mov-archiv-activ.png);}
		
		
.campo1{
	width:800px;
	height:70px;
	background: #E5E5E5;
	text-align:center;
	float:left;
	margin-top:20px;
	}
	.campo1 tr{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:right;
		color:#000;}
		.campo1 tr a{
			text-decoration:none;
			font-weight:bold;}
.numerico{
	width:50px;}
.numerico2{
	width:80px; float:right;}
	
.campo2{
	width:800px;
	height:auto;
	float:left;
	background:#669999;}
	.titulocampo2{
		width:750px;
		height:40px;
		margin-top:20px;
		float:left;
		margin-left:25px;
		font-size:9px;
		font-family:Verdana, Geneva, sans-serif;
		color:#FFF;
		text-align:left;}
	.campo2tabla{
		width:750px;
		height:auto;
		float:left;
		margin-left:25px;}
		.campo2tabla table{
			background:#FFF;
			margin-bottom:15px;
			font-size:9px;
			font-family:Verdana, Geneva, sans-serif;
			text-align:left;}
		.campo2tabla td{
			border-right:1px solid #669999;
			border-bottom:1px solid #669999;
			color:#000;}

                a{ text-decoration: none;
                color: slategray;}

                input{
                    border: solid 1px #cccccc;
                   
}
textarea{
                    border: solid 1px #cccccc;

}

#filtros{
font-family:Verdana, Geneva, sans-serif;
text-align:left;
width:550px;
margin-left:-150px;
font-size:12px;
}
#table{
color:#666;
}

input, select{
border: 1px solid #ccc;
color:#666;
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #024d68), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E1EEf4; color: #00557F; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#006699;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }